html {
    height: 100%;
    body {
        height: 100%;
        background-color: #efefef;
        .index {
            max-width: 750px;
            min-width: 300px;
            margin: 0 auto;
            position: relative;
            .mask {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 20;
                background: rgba(0, 0, 0, 0.4);
                ul {
                    position: fixed;
                    bottom: 0;
                    z-index: 25;
                    display: block;
                    width: 100%;
                    li {
                        font-size: 0.6rem;
                        text-align: center;
                        display: block;
                        width: 90%;
                        line-height: 1.6rem;
                        padding: 0 5%;
                        background-color: #fff;
                        vertical-align: middle;
                        margin-top: 0.05rem;
                    }
                }
            }
            .list {
                overflow: hidden;
                li {
                    display: block;
                    width: 90%;
                    padding: 0 5%;
                    background-color: #fff;
                    vertical-align: middle;
                    margin: .05rem 0;
                    span {
                        display: block;
                        float: left;
                        height: 0.26rem;
                        width: 0.26rem;
                        border-radius: .13rem;
                        margin-top: 0.6rem;
                        margin-right: 0.25rem;
                        background-color: #13b798;
                    }
                    .title {
                        display: block;
                        width: 20%;
                        float: left;
                        text-align: center;
                        font-size: 0.333333rem;
                        font-weight: 600;
                        letter-spacing: 0.1em;
                        color: #3a3a3a;
                        line-height: 1.5rem;
                    }
                    .content {
                        display: inline-block;
                        line-height: 1.5rem;
                        height: 1.5rem;
                        float: left;
                        width: 70%;
                        border: none;
                        font-size: 0.333333rem;
//                      border-radius: 0;
                        color: #515151;
                        text-align: left;
                        margin-left: 5%;
                    }
                    input{
                         display: inline-block;
                        line-height: 1.5rem;
                        height: 1.5rem;
                        float: left;
                        width: 60%;
                        border: none;
                        font-size: 0.4rem;
                        border-radius: 0;
                        text-align: left;
                        margin-left: 5%;
                    }
                    ::-webkit-input-placeholder {
                        color: #cacaca;
                        font-size: 0.333333rem;
                        line-height: 1.5rem;
                    }
                    ::-moz-placeholder {
                        color: #cacaca;
                        font-size: 0.333333rem;
                        line-height: 1.5rem;
                    }
                    i{
                        color: #aaaaaa;
                        float: right;
                        line-height: 1.5rem;
                    }
                    textarea {
                        font-size: 0.4rem;
                        display: block;
                        width: 60%;
                        height: 3rem;
                       
                        padding: 5%;
                        padding-bottom: .1rem;
                    }
                    textarea::-webkit-input-placeholder {
                        color: #cacaca;
                        font-size: 0.333333rem;
                        line-height: 1.2;
                    }
                    textarea::-moz-placeholder {
                        color: #cacaca;
                        font-size: 0.333333rem;
                        line-height: 2;
                    }
                }
            }
            .buttons {
                display: block;
                width: 90%;
                margin: .3rem auto;
                text-align: center;
                li {
                    float: left;
                    display: inline-block;
                    font-size: 0.4rem;
                    color: #FFF;
                    line-height: 2.5;
                    width: 45%;
                    margin: 0 2.5%;
//                  padding: 0.1rem 0.3rem;
//                  border: 1px solid #838383;
                    border-radius: 3px;
                    margin: 0 0.2rem;
                    background-color: #fff;
                    letter-spacing: 0.2em;
                }
                .apply{
                    background-color: #ffad4d;
                }
                .refuse{
                    background-color: #009cff;
                }
                .follow{
                    background-color: #009688;
                }
                .finish{
                    background-color: #ff5c1c;
                }
                .add-follow{
                    background-color: #0385a5;
                }
//              .save {
//                  background-color: #13b798;
//                  color: #fff;
//                  border: 1px solid #13b798;
//              }
            }
            .jiedan{
                li{
                    margin: 0 1.5%;
                    width: 30%;
                }
            }
        }
    }
}